<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="ChongMing" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>会员详情</title>
</head>
<link rel="stylesheet" href="../css/framework7.ios.min.css">
<link rel="stylesheet" href="../css/framework7.ios.colors.min.css">
<link rel="stylesheet" href="../css/my-app.css">
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/swiper-3.3.1.min.css">
<link rel="stylesheet" href="css/membercenter.css">
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.mobile-1.4.3.js"></script>
<script type="text/javascript" src="../js/swiper-3.3.1.jquery.min.js"></script>
<script type="text/javascript" src="js/membercenter.js"></script>
<script type="text/javascript">
    $(function(){
        var id = membercenter.getQueryString('id');
        var data = {product_id:id};
        membercenter.showtime();
        membercenter.produdatail('memberCenter/productDetail',data);
        membercenter.get('memberCenter/productDetail',data,function(res){
            if(res.ret==0){
                var data = res.data;
                var time = data.diff_end_promotion;
                setInterval(function(){
                    time--
                    console.log(time)
                    membercenter.showtime(time);
                },1000);
            }
            else{
                alert(res.msg);
            }
        })
    });
</script>
</body>
<body style=" background: #ebebeb;  margin: auto;-webkit-overflow-scrolling: touch;overflow: scroll;">
<div class="gradecard">
    <div class="countdown">
        <p>距离结束</p>
        <div class="time" id="countdown">
            <div class="hour public"></div>
            <div class="dd">:</div>
            <div class="minute public"></div>
            <div class="dd">:</div>
            <div class="second public"></div>
        </div>
    </div>
    <div class="cardlist">
        <div class="con">
            <div class="cardtype">
                <div class="left">
                    <img src="" alt="">
                    <p class="name"></p>
                </div>
                <div class="right">
                    <span class="span1"></span>
                    <span class="span2"></span>
                </div>
            </div>
            <div class="servicecontent">

            </div>

            <button class="purchase" id="purchase">立即抢购</button>
        </div>
    </div>
    <div class="welfaretext public">
        <div class="tit">
            <p class="l">会员福利</p>
            <p class="r">开通之日起一月之内</p>
        </div>
        <div class="text">

        </div>
    </div>
    <div class="remarks public">
        <div class="tit">
            <p class="l">备注声明</p>
        </div>
        <div class="text">

        </div>
    </div>
    <div class="payment-layer">
        <div class="topmask"></div>
        <div class="con">
            <div class="userinfor">
                <div class="left">
                    <div style=" background: url(img/mrtx.png) center; background-size: cover;" class="head_pic"></div>
                    <div class="name_time">
                        <p class="name">张三李四</p>
                        <p class="time">2016.7.28-2016.12.6</p>
                    </div>
                </div>
                <div class="right">
                    <img src="img/icon1.png">
                    <p>金牌会员</p>
                </div>
            </div>
            <div class="time public">
                <p class="p1">会员时间</p>
                <p class="p2">2016.9.30-2016.10.30</p>
            </div>
            <div class="money-num public">
                <p class="p1">充值金额</p>
                <p class="p2">299</p>
            </div>
            <div class="pay-mode">
                <p class="p1">支付方式</p>
                <div class="wechat public">
                    <img class="icon-wechat img" src="img/icon42.png">
                    <img class="radio hover" src="img/icon41.png">
                </div>
                <div class="alipay public">
                    <img class="icon-alipay img" src="img/icon43.png">
                    <img class="radio" src="img/icon40.png">
                </div>
            </div>
            <span class="contact-time">239.3元 （8折）</span>
            <button class="button-pay">支付</button>
        </div>
    </div>
</div>
</body>
</html>